<!--
 * @Author: 李明明
 * @Date: 2020-10-19 14:07:53
 * @LastEditTime: 2022-05-07 11:09:20
 * @LastEditors: 李明明
 * @Description: 推荐位
 * @FilePath: /官网pc端/web/html/fragment/recommend.htm
 * @代码版权方：'政府采购信息网'
-->
<link rel="stylesheet" href="/web/public/css/cover-icon.css">
<body>
  <div id="recommend" class="course">
    <!-- 一个推荐位 -->
    <div class="one-rec">
      <a class="cover" href="###" title="顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥">
        <img src="/web/img/ad-1.jpg" alt="">
        <img class="article-icon" src="/web/img/special.png" alt="文本类">
        <img class="play-icon" src="/web/img/play-icon.png" alt="音视频类">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
    </div>
    <!-- 两个推荐位 -->
    <div class="two-rec">
      <a class="cover" href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <img class="article-icon" src="/web/img/special.png" alt="文本类">
        <img class="play-icon" src="/web/img/play-icon.png" alt="音视频类">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
      <a href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
    </div>
    <!-- 三个推荐位 -->
    <div class="three-rec">
      <a href="###" class="top cover">
        <img src="/web/img/ad-1.jpg" alt="">
        <img class="article-icon" src="/web/img/special.png" alt="文本类">
        <img class="play-icon" src="/web/img/play-icon.png" alt="音视频类">
        <div class="title">
          顶尖技术武装全新K5凯酷
        </div>
      </a>
      <a class="cover" href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <img class="article-icon" src="/web/img/special.png" alt="文本类">
        <img class="play-icon" src="/web/img/play-icon.png" alt="音视频类">
        <div class="title">
          顶尖技术武装全新凯酷起亚起亚起亚起亚亚
        </div>
      </a>
      <a href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
    </div>
    <!-- 四个推荐位 -->
    <div class="four-rec">
      <a class="cover" href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <img class="article-icon" src="/web/img/special.png" alt="文本类">
        <img class="play-icon" src="/web/img/play-icon.png" alt="音视频类">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
      <a href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
      <a href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
      <a href="###">
        <img src="/web/img/ad-1.jpg" alt="">
        <div class="title">
          顶尖技术武装全新K5凯酷 起亚全球战略车型导入东方撒扥
        </div>
      </a>
    </div>
  </div>
</body>